<%@ page import="java.util.List" %>
<%@ page import="com.ncist.pojo.Messages" %>
<%@ page import="java.util.ArrayList" %>
<%@ taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page isELIgnored="false"%>
<%@page language="java" contentType="text/html;charset=utf-8"%>
<!DOCTYPE HTML >

<header>
    <div id="logo_main"></div>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js" ></script>
    <script src="js/comment.js" ></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        (document).ready(function() {('#clearBtn').click(function() {
            $('#n').val('');
            $('#x').val('');
            $('#t').val('');
            $('#txt').val('');
        });
        });
    </script>
</header>

        <h2 >留言板</h2>
        <hr>
        <form action="doMessages.jsp" method="post">
            <table>
                <tr>
                    <td style="color: #99ffff">用户名</td>
                    <td><input type="text" id="n" name="name"/></td>
                    <td style="color: #99ffff">Wechat：</td>
                    <td><input type="text" id="x" name="wechat"/></td>
                    <td style="color: #99ffff">留言时间：</td>
                    <td><input type="date" id="t"  name="date"/></td>
                </tr>
                <tr>
                    <td style="color: #99ffff">留言内容</td>
                    <td colspan="5"><textarea name="txt" id="txt" cols="100" rows="3" placeholder="评论的时候，请遵纪守法并注意语言文明"></textarea></td>

                </tr>

                <tr >
                    <th colspan="2"><input type="submit" value="提交留言" onclick="return check()"></th>
        <%--                    <th colspan="2"><input type="reset" value="重置内容">--%>
                    <th colspan="2"><input type="reset"></th>
                </tr>
            </table>
</form>
<section>
    <h1 style="color: #ccffff">留言</h1>
    <hr>
    <div id="show" style="background-color: #330033">

<%--遍历留言板--%>
        <c:forEach items="${requestScope.messages}" var="m" varStatus="s">
           <li> <p style="color: #ccffff">姓名:${m.name}</p>
            <p style="color: #ccffff">微信:${m.wechat}</p>
            <p style="color: #ccffff">时间:${m.date}</p>
            <p style="color: #ccffff">内容:${m.content}</p>
            <hr>
           </li>
        </c:forEach>
    </div>
</section>
    <div id="footer" >
        <p class="p2">202107024204@刘宇</p>
    </div>
</div>